@import "../lib/px2rem.scss";

.login{
	background-color:#f6f6f6;
	padding-left:px2rem(31);
	padding-right:px2rem(31);
		label{
		display:block;	
		margin-top: px2rem(30);
		position: relative;
		input{
			width: 100%;
			height:px2rem(34);
			display: block;
			border:none;
			outline:none;
			padding: px2rem(6) px2rem(12);
			box-sizing: border-box;
			font-size:px2rem(14);
			color:#555;
			line-height: px2rem(22);
			background-color: #f6f6f6;
		}
		i{
			border:1px solid #c4c4c4;
			width: 100%;
			height:px2rem(12);
			border-top:none;
			position: absolute;
			bottom:0;
		}
		.yz1{
		    width: px2rem(95);
		    position: absolute;
		    right: px2rem(5);
		    top: px2rem(-5);
		    background-color: #29a097;
		    color: #fff;
		    height: px2rem(30);
		    line-height: px2rem(30);
		    text-align: center;
		    border-radius: px2rem(3);
		    font-size:px2rem(12);
		    &:before{
		    	content:"";
		    	position: absolute;
		    	top:px2rem(10);
		    	left:px2rem(-10);
		    	width: 0;
		    	height: 0;
		    	border-width:px2rem(5);
		    	border-style:solid;
		    	border-color:transparent #29a097 transparent transparent;
		    }
		}
		.yz2{
			width: px2rem(100);
			height:px2rem(30);
		    position: absolute;
		    right: px2rem(5);
		    bottom: px2rem(2);
		    background-color: #eee;
		    color: #999;
		    line-height: px2rem(30);
		    text-align: center;
		    border-radius: px2rem(3);
		    font-size:px2rem(12);
		}
	}
	.tips{
		padding-left: px2rem(8);
		color:#fe8233;
		height:px2rem(16);
		line-height: px2rem(16);
		font-size:px2rem(12);
	}
	.btn{
		display: block;
		width: px2rem(139);
		line-height: px2rem(22);
	    background-color: #fe8233;
	    color: #fff;
	    border: none;
	    border-radius:px2rem(36);
	    padding: px2rem(8) px2rem(12);
	    font-size: px2rem(15);
	    outline: none;
	    margin: px2rem(45) auto 0;
	    text-align: center;
	}
}